
body {
    margin: 0;
    overflow: hidden; 
}
.wrapper {
    width: 1920px;
    height: 1080px;
    background-size: 100% 100%;
    position: relative;
}
.clickImg {
    position: absolute;
    top: 38px;
    left: 32px;
}
.iframe{
	position: absolute;
	top: 126px;
	left: 383px;
	width: 1155px;
	height: 900px;
}
.home,
.system,
.person{
    width: 111px;
    height: 67px;
    display: inline-block;
    cursor:pointer;
}
.system {
    margin: 0 4px;
}
.faultMonitoring {
    font-size: 16px;
    color: #faee00;
}
.fas {
    width: 80px;
    text-align: center;
    position: absolute;
    top: 180px;
    left: 286px;
}
.emcs {
    width: 100px;
    text-align: center;
    position: absolute;
    top: 223px;
    left: 273px;
}
.psdUp {
    width: 50px;
    text-align: center;
    position: absolute;
    top: 268px;
    left: 230px;
}
.psdDpwn {
    width: 50px;
    text-align: center;
    position: absolute;
    top: 268px;
    left: 320px;
}
.afc {
    width: 110px;
    text-align: center;
    position: absolute;
    top: 311px;
    left: 260px;
}
.timeDiv {
    position: absolute;
    top: 88px;
    left: 830px;
    font-size: 24px;
    color: #fff;
}
.time {
    margin: 0 0 0 20px;
}
.acs,
.pis,
.pa,
.cctv {
    width: 200px;
    text-align: center;
    position: absolute;
    left: 174px;
}
.acs {
    top: 359px;
}
.pis {
    top: 402px;
}
.pa {
    top: 447px;
}
.cctv {
    top: 492px;
}
#faultStatistics {
    width: 330px;
    height: 160px;
    position: absolute;
    top: 587px;
    left: 43px;
}
.faultNum {
    width: 110px;
    text-align: center;
    position: absolute;
    top: 755px;
    left: 180px;
    color: #fdd96f;
    font-size: 24px;
    font-weight: bold;
}
.threeImg {
    position: absolute;
    top: 1012px;
    left: 766px;
}
.equipment,
.thermodynamicChart,
.personnel {
    display: inline-block;
    width: 116px;
    height: 38px;
}
.temperature,
.precipitation,
.ppm {
    color: #8fc31f;
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    top: 55px;
    text-align: center;
}
.temperature,
.precipitation {
    width: 65px;
}
.temperature {
    left: 1560px;
}
.precipitation {
    left: 1652px;
}
.ppm {
    width: 50px;
    left: 1755px;
}
.ppm p {
    margin: 0;
}
.ppm p:nth-child(1) {
    line-height: 20px;
}
.ppm p:nth-child(2) {
    font-size: 14px;
    line-height: 16px;
}
.gzzx {
	position: absolute;
	width: 74px;
	height: 48px;
	top: 45px;
	left: 1813px;
	cursor: pointer;
}
#energyRatio{
    width: 350px;
    height: 230px;
    position: absolute;
    top: 166px;
    left: 1540px;
}

.electricity,
.lastYear-electricity,
.lastMonth-electricity{
    width: 130px;
    position: absolute;
    left: 1750px;
    font-size: 20px;
    font-weight: bold;
    padding-left: 10px;
}
.water,
.lastYear-water,
.lastMonth-water,
.lastDays-water {
    width: 130px;
    position: absolute;
    left: 1750px;
    font-size: 20px;
    font-weight: bold;
    padding-left: 10px;
}
.electricity,
.water {
    color: #fdd96f;
}
.lastYear-electricity,
.lastMonth-electricity,
.lastYear-water,
.lastMonth-water {
    color: #fff;
}
.electricity {
    top: 465px;
}
.lastYear-electricity {
    top: 507px;
}
.year-ele{
	
}
.lastMonth-electricity {
    top: 549px;
}
.water {
    top: 614px;
}
.lastYear-water {
    top: 650px;
}
.lastMonth-water {
    top: 686px;
}
.lastDays-water {
    top: 720px;
}
#energyTrend {
    width: 390px;
    height: 260px;
    position: absolute;
    top: 800px;
    left: 1528px;
}
#faultTrend {
    width: 390px;
    height: 230px;
    position: absolute;
    top: 835px;
    left: 25px;
}
.year-ele{
    position: absolute;
    top: 508px;
    left: 1830px;
}
.month-ele{
    position: absolute;
    top: 550px;
    left: 1830px;
}
.year-water{
    position: absolute;
    top: 650px;
    left: 1830px;
}
.month-water{
    position: absolute;
    top: 690px;
    left: 1830px;
}
.day-water{
    position: absolute;
    top: 725px;
    left: 1830px;
}